/*all tag*/
*{
    margin: 0;
    padding: 0;
    border:none;
    font-size: 1.5625vm;/*10%640(手机普遍宽)*/
    font-family:"Microsoft Sans Serif" ;
}

html,body{
    height: 100%;/*在html5中,html、body都是块状元素*/
    overflow: hidden;
}




.next{
    position: absolute;
    bottom: 0;
    top:0;
    margin: auto;
    right: 2vw;
    width: 10vw;
    height: 10vh;
    -webkit-animation: fadeInLeft 1.5s linear infinite;
    animation: fadeInLeft 1.5s linear infinite;

}
.bg{
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;

}
/*page1*/
#page1{
    display: block;
}


#page1>.bg{
    background: url("images/page_1.jpg") no-repeat center center;
    background-size: cover;/*auto:以图片自身大小来填充元素 contain:等比缩小图片来适应元素的尺寸*/
}

/*page2*/

#page2{
    display: none;
}
#page2>.bg{
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
}
#page2>.bg{
    background: url("images/page_2.jpg") no-repeat center center;
    background-size: cover;/*auto:以图片自身大小来填充元素 contain:等比缩小图片来适应元素的尺寸*/
}

#page3{
    display: none;
}
#page3>.bg{
    background: url("images/page_3.jpg") no-repeat center center;
    background-size: cover;/*auto:以图片自身大小来填充元素 contain:等比缩小图片来适应元素的尺寸*/
}
#page4{
    display: none;
}

#page4>.bg{
    background: url("images/page_1.jpg") no-repeat center center;
    background-size: cover;/*auto:以图片自身大小来填充元素 contain:等比缩小图片来适应元素的尺寸*/
}

.s1{
    -webkit-animation-duration:1s ;
    animation-duration:1s ;
}
#block-1-1{
    position: absolute;
    top:3rem;
    left: 7vw;
    width: 50vw;
    height: 7vh;
    font-size: 10rem;
    color: white;
}
#block-1-2{
    position: absolute;
    top: 20vh;
    left: 7vw;
    width: 50vw;
    height: 27vh;
}
#block-1-3{
    position: absolute;
    top:50vh;
    left: 7vw;
    width: 55vw;
    height: 30vh;
}

#block-2-1{
    position: absolute;
    top:3rem;
    left: 7vw;
    width: 50vw;
    height: 7vh;
    font-size: 5rem;
    color: white;
}
#block-2-2{
    position: absolute;
    top: 50vh;
    left: 50vw;
    width: 50vw;
    height: 27vh;
    font-size: 10rem;
    color: white;
}
#block-2-3{
    position: absolute;
    top:50vh;
    left: 7vw;
    width: 55vw;
    height: 30vh;
    font-size: 10rem;
    color: white;
}
#block-3-1{
    position: absolute;
    top:3rem;
    left: 7vw;
    width: 50vw;
    height: 7vh;
    font-size: 5rem;
    color: white;
}
#block-3-2{
    position: absolute;
    top: 50vh;
    left: 50vw;
    width: 50vw;
    height: 27vh;
    font-size: 10rem;
    color: white;
}
#block-3-3{
    position: absolute;
    top:50vh;
    left: 7vw;
    width: 55vw;
    height: 30vh;
    font-size: 10rem;
    color: white;
}
#block-4-1{
    position: absolute;
    top:3rem;
    left: 7vw;
    width: 50vw;
    height: 7vh;
    font-size: 5rem;
    color: white;
}
#block-4-2{
    position: absolute;
    top: 50vh;
    left: 50vw;
    width: 50vw;
    height: 27vh;
    font-size: 10rem;
    color: white;
}
#block-4-3{
    position: absolute;
    top:50vh;
    left: 7vw;
    width: 55vw;
    height: 30vh;
    font-size: 10rem;
    color: white;
}

